/* CSS Document */
*{ margin:0; padding:0}
html{font-size:50px;}
body{ width:100%;font-size:24px;}
fieldset, img { border:0 none; vertical-align: middle; display:block;/*解决图片上下的空隙*/ }

.p_layout{
	width:100%;
	min-width:6.4rem;
	max-width:15rem;
	margin:0 auto;
	background:#fff;
    height:auto}

footer{ width:100%; height: auto; background:#484848; text-align:center; line-height:50px; padding:2% 0}
footer p{ width:100%;color:#fff; font-family:"方正兰亭细黑_GBK";}

@media screen and (min-width:320px){
  html{font-size:21.333333333333332px;}
  body{font-size:12px;}
}
@media screen and (min-width:360px){
  html{font-size:24px;}
  body{font-size:12px;}
}
@media screen and (min-width:375px){
  html{font-size:25px;}
  body{font-size:12px;}
}
@media screen and (min-width:384px){
html{font-size:25.6px;}
body{font-size:14px;}
}
@media screen and (min-width:400px){
html{font-size:26.666666666666668px;}
body{font-size:14px;}
}
@media screen and (min-width:414px){
html{font-size:27.6px;}
body{font-size:14px;}
}
@media screen and (min-width:424px){
html{font-size:28.266666666666667px;}
body{font-size:14px;}
}
@media screen and (min-width:480px){
html{font-size:32px;}
body{font-size:15.36px;}
}
@media screen and (min-width:540px){
html{font-size:36px;}
body{font-size:17.28px;}
}
@media screen and (min-width:720px){
html{font-size:48px;}
body{font-size:23.04px;}
}
@media screen and (min-width:750px){
html{font-size:50px;}
body{font-size:24px;}
}


/*导航*/
.p_nav{ width:100%; height:56px;margin-top:30px;}
/*.p_nav li{ width:33.33%; height:56px; float:left; list-style:none; text-align:center; line-height:30px; border-bottom:1px solid #d7d7d7; box-sizing:border-box}*/
.p_nav li{ width:25%; height:56px; float:left; list-style:none; text-align:center; line-height:30px; border-bottom:1px solid #d7d7d7; box-sizing:border-box}

.p_nav li a{ display:block; width:100%; height:28px;color:#565656; font-size:18px; text-decoration:none;border-right:1px solid #d7d7d7; box-sizing:border-box;vertical-align:middle; font-family:Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif}
.p_nav li:nth-child(4) a{ border-right:none}
.p_nav .on{ border-bottom:3px solid #f8c301}



.p_logo{ width:155px; height: auto;margin:0 auto; padding-top:30px}

.p_ad{width:100%; height:auto;}
.p_ad img{ width:100%;}
/*.p_about,.p_product{ width:90%; height:auto; margin:0 auto; text-align:center}*/
.p_about,.p_product{ width:89%; height:auto; margin:0 auto; text-align:center}
.p_about .p_about_title{margin:7% 0}
.p_about .p_about_title img,.p_contact .p_contact_title img,.p_product .p_product_title img{ width:100%; height: auto}
.p_about .p_about_text{/* font-size:14px;*/ color:#1d1d1d; font-family:"方正兰亭细黑_GBK"; text-indent:2em; line-height:170%}




/*最新产品*/

.p_p_zuixinzuopin{width:90%; height:auto; float:left; margin-left:5%; cursor:pointer; padding-bottom:10%}
.p_p_zuixinzuopin .top{width:100%; height:auto; float:left;}
.p_zuixinzuopin .top .square1{width:20%; height:auto; float:left;overflow:hidden;}
.p_zuixinzuopin .top .square2{width:20%; height:auto; float:left;overflow:hidden;}
.p_zuixinzuopin .top .square3{width:40%; height:auto; float:left;overflow:hidden;}
.p_zuixinzuopin .top .square4{width:20%; height:auto; float:left;overflow:hidden;} 
.p_zuixinzuopin img{width:100%; height:auto; float:left;}
.p_zuixinzuopin .bottom{width:100%; height:auto; float:left;}
.p_zuixinzuopin .bottom .left{width:40%; height:auto; float:left;overflow:hidden;}
.p_zuixinzuopin .bottom .right{width:60%; height:auto; float:left;}
.p_zuixinzuopin .bottom .right .righttop .square6{width:33.3%; height:auto; float:left;overflow:hidden;}
.p_zuixinzuopin .bottom .right .righttop .square7{width:66.7%; height:auto; float:left;overflow:hidden;}

.p_zuixinzuopin .bottom .right .rightbottom .square8{width:66.5%; height:auto; float:left;overflow:hidden;}
.p_zuixinzuopin .bottom .right .rightbottom .square9{width:33.5%; height:auto; float:left; overflow:hidden;}

/*尖端业务*/
.p_jianduan_title img{ width:100%; height: auto; margin-top:5%}
.p_jianduan{width:90%; height:auto; float:left; margin-left:5%; background:#a9a9a9; margin-top:2%}
.p_jianduan .item{width:16%; height:auto; float:left; margin-left:5%; overflow:hidden;}
.p_jianduan .item img{width:100%;}




/*联系我们*/
.p_contact{ width:90%; height: auto;margin:0 auto}

.p_contact .p_contact_title{margin:7% 0;}
.p_contact dl{ width:100%; height: auto; padding-bottom:10%;}
.p_contact dl dt{ width:100%; height: auto;float:left; text-align:center}
.p_contact dl dt img{ width:60%; height: auto;margin:0 auto}
.p_contact dl dd{ width:100%;height: auto; /*font-size:14px;*/ color:#383838; font-family:"方正兰亭细黑_GBK"; line-height:150%;}



/*影视案例列表*/
.video_list{ width:100%; height:auto; background-color:#787785}
.video_list .item,.design_list .item{ width:44%; float:left; padding:3%;}
.video_list .item .title,.design_list .item .title{width:100%; text-align:left; height:40px; line-height:20px; float:left; overflow:hidden; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif;font-size:16px; margin-top:10px;}
.video_list .item img,.design_list .item img{ width:100%;}

.video_list .fa-play,.design_list .fa-play{width:60px; height:60px; position:absolute; text-align:center; top:40%; left:42%;}
.p_divPage{ width:200px; height:70px; margin:0 auto; clear:both; text-align:center; padding-top:10px}
.p_divPage a{ display:block; width:100px; height:40px; font-size:16px; float:left; text-decoration:none}

/*.p_product{ width:100%;height:auto;}*/
.p_product .p_info{ width:100%; float:left; height:auto;}
/*.p_product .p_info .p_title{width:100%; height:40px; float:left; overflow:hidden; text-align:center; margin-top:20px;}*/
.p_product .p_info .p_title{width:100%; float:left;overflow:hidden;text-align:center;margin: 20px 0 5px 0;}
.p_product .p_info .p_title h2{width:100%; font-family: Arial,"Hiragino Sans GB","微软雅黑","黑体-简", Helvetica, sans-serif; font-size:22px; float:left; text-align:center; padding:0px; margin:0px;}
/*.p_product .p_info .p_brief{width:100%; height:20px; float:left; color:#a9a9a9; font-size:12px; text-align:right; padding-right:20px;}*/
.p_product .p_info .p_brief{width:99%; height:20px; float:left; color:#a9a9a9; font-size:12px; text-align:right; padding-right:20px; margin:8px 0;}
.p_product .p_info .p_video{width:100%; height:600px; float:left; text-align:center; margin-top:30px;}

.p_product .p_context{width:100%; height:auto; float:left; clear:b}
.p_product .p_context img{ margin:0 auto}
.p_product .p_context .p_title{width:100%; height:auto; float:left; border:1px solid #cdcdcd; background:#f6f6f6;}

.p_product .p_context .p_neirong{width:100%; height:auto; float:left;}
footer a{color:#fff; text-decoration:none;}
.hidden{visibility:hidden;}
.p_context img{width:100%;}